<template>
  <div>
    <!-- 上栏 -->
    <nav-part></nav-part>
    <!-- 搜索区 -->
    <search-part></search-part>
    <!-- 轮播 -->
    <rotation-part></rotation-part>
    <!-- 卡片 -->
    <cards-part></cards-part>
    <!-- 商品列表 -->
    <float-part></float-part>
  </div>
</template>

<script>
import NavPart from "./components/NavPart.vue";
import RotationPart from "./components/RotationPart.vue";
import SearchPart from "./components/SearchPart.vue";
import CardsPart from "./components/CardsPart.vue";
import FloatPart from "@/components/components/FloatPart";
export default {
  name: "IndexPage",
  components: {
    NavPart,
    RotationPart,
    SearchPart,
    CardsPart,
    FloatPart,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
